/* 保持主体样式简洁 */
.user-list-container {
    margin: 16px;
    padding: 16px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.index-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: #f1f3f5;
    color: #6c757d;
    font-size: 13px;
}

.account-text {
    color: #3498db;
    font-weight: 500;
}

.introduction-text {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6c757d;
}

.time-text {
    color: #868e96;
    font-size: 13px;
}

.even-row {
    background-color: #fff !important;
}

.odd-row {
    background-color: #f9fafb !important;
}

.ant-table-tbody > tr > td {
    border-bottom: 1px solid #f1f3f5;
}

.ant-table {
    border-radius: 8px;
    overflow: hidden;
}

/* 操作区样式强化 - 图标放大+颜色鲜艳 */
.action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    border-radius: 6px; /* 圆角略大，增强按钮感 */
}

/* 查看按钮 - 鲜艳蓝色 */
.view-btn {
    color: #1890ff; /* 更鲜艳的蓝 */
}

.view-btn:hover {
    color: #096dd9;
    background-color: #e6f7ff; /* 明显的hover背景 */
}

/* 编辑按钮 - 鲜艳橙色 */
.edit-btn {
    color: #faad14; /* 更鲜艳的橙 */
}

.edit-btn:hover {
    color: #d48806;
    background-color: #fff7e6; /* 明显的hover背景 */
}

/* 删除按钮 - 鲜艳红色 */
.delete-btn {
    color: #f5222d; /* 更鲜艳的红 */
}

.delete-btn:hover {
    color: #d91118;
    background-color: #fff1f0; /* 明显的hover背景 */
}

/* 分页保持简洁 */
.ant-pagination-item-active {
    background-color: #f1f3f5 !important;
    border-color: #dee2e6 !important;
}

.ant-pagination-item-active a {
    color: #495057 !important;
}